body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, textarea, p, blockquote, th, td, img ,iframe { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
input,button,textarea,option { font:12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style:none; border:0px; }
img{ border:0px; }
.clear{ font:0px/0px serif; display:block; clear:both; }
html{ -webkit-text-size-adjust: none; }
input{ outline:none; vertical-align:middle; margin:0; padding:0;}
button{ border:none; margin:0; padding:0;}
textarea{ resize:none; vertical-align:middle;}
select{ vertical-align:middle;}
a{ text-decoration:none; }
.json{ display:none;}
body:nth-of-type(1) input:focus,textarea:focus{ outline:none; }
body{ font:12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color:#333; background:#fff; position:relative; overflow-x:hidden;}
/*header*/
#header{ width:100%; height:32px; margin:0 auto; background-color:#f5f5f5; border-bottom:1px solid #e5e5e5;}
.header{ width:1000px; height:32px; margin:0 auto;}
.header ul{ float:left;}
.header li{ float:left; font: normal 12px/32px "\5b8b\4f53","Tahoma"; color:#666;}
.header li input{ width:90px; height:18px; float:left; border:1px solid #d7d7d7; margin:6px 5px 6px 0;}
.header li button{ width:39px; height:19px; float:left; border:0; margin:6px 3px; background:url(../images/sample2014/sample2014.png) no-repeat 0 0; cursor:pointer;}
.header li a{ color:#666; padding:0 5px;}
.header p{ line-height:32px; float:right; color:#dfdfdf; margin-right:-5px;}
.header p a{ display:inline-block; color:#666; padding:0 5px;}
.header p a.mobile{ padding-left:22px; background:url(../images/sample2014/sample2014.png) no-repeat -114px 0; color:#5b7648;}
.header li a:hover,.header p a:hover{ color:#f60; text-decoration:underline;}
/*adPosition*/
.adPosition{ width:1000px; margin:0 auto; overflow:hidden;}
.adPosition ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition img,.adPosition embed{}
/*top*/
.top{ width:1000px; height:83px; margin:0 auto; position:relative; z-index:9999;}
.top .logo{ width:250px; height:58px; position:absolute; left:0; top:12px;}
.top h1{ width:90px; height:50px; position:absolute; left:246px; top:20px; font-size:24px; font-family:"Microsoft Yahei","\5b8b\4f53"; color:#f60;  text-indent:14px; border-left:1px solid #e2e2e2; font-weight:normal;}
.top p{ width:540px; height:22px; position:absolute; left:436px; top:56px; color:#555; font-weight:bold;}
.top p a{ font-weight:normal; color:#706e6c; padding:0 6px;}
.top p a.keyword{ color:#f60;}
.top p a:hover{ color:#f60; text-decoration:underline;}
.search{ width:419px; height:38px; position:absolute; z-index:3; top:21px; left:263px; border:1px solid #c1c1c1; border-right:0;}
input.text{ width:350px; height:38px; display:block; position:absolute; line-height:38px; border:0px; background:#fff; color:#666; text-indent:10px; top:22px; left:333px; z-index:3; font-size:14px;}
.top button{ width:71px; height:40px; display:block; position:absolute; top:21px; left:683px; background:url(../images/sample2014/sample2014.png) no-repeat 0 -20px; cursor:pointer; z-index:3;}
.selectbox-wrapper{ width:68px; border:1px solid #cdcdcd; border-top:0; background:#fff; text-align:center; position:absolute; top:61px; left:263px; z-index:9999;}
.selectbox-wrapper ul li.selected,.selectbox-wrapper ul li.current{ background:#418a26; color:#fff;}
.selectbox-wrapper ul li { padding-bottom:3px; width:68px; cursor:pointer; font-size:14px; line-height:18px; padding-top:3px; text-indent:20px; text-align:left;}
.selectbox { width:68px; height:36px; border:0; border-right:1px solid #d4d4d4; display:block; line-height:36px; font-size:14px; color:#666; z-index:10; position:absolute; top:23px; left:264px; text-indent:14px; cursor:pointer; background:#fff url(../images/sample2014/sample2014.png) no-repeat -74px -27px; }
.adRight{ position:absolute; left:800px; top:15px; z-index:1;}
.adRight a img{ width:200px; height:53px; float:left;}
/*nav*/
.nav{ width:1000px; height:37px; margin:0 auto; border-top:3px solid #418a26; border-bottom:5px solid #f0f0f0;}
.nav p{ width:999px; float: left; border-right: 1px solid #dedede; border-bottom:1px solid #dedede; font:bold 16px/37px "Microsoft Yahei","simhei"; }
.nav p a{ color:#333; padding:0 19px; height:37px; border-left:1px solid #dedede; display:inline-block; text-align: center; }
.nav p a.focus{ color:#fff; background:#418a26; border-left:1px solid #5b7648; }
.nav p a:hover{ color:#fff; background:#418a26;}
/*sub*/
.website{ width:998px; height:36px; margin:0 auto; border:1px solid #e8e8e8; background:#fafafa; color:#e8e8e8;}
.website dt{ width:870px; height:36px; float:left; text-indent:68px; background:url(../images/sample2014/sample2014.png) no-repeat -67px -101px; overflow:hidden; line-height:37px;}
.website dt a{ color:#4e4e4e; padding:0 6px;}
.website dt a:hover{ color:#f60; text-decoration:underline;}
.website dd{ width: 96px; height: 37px; display: block; float: right; margin-right:12px; line-height: 37px; color: #bfbfbf; position: relative; z-index:9999;}
.website dd em{ width: 96px; height: 37px; display: block; position: absolute; z-index: 9; font: normal 12px/37px "Microsoft Yahei","simhei"; text-indent: 30px; background:url() no-repeat -82px -1px; right:20px;}
.website dd em.nobg{ background: none; }
.website dd em a{ color: #333; }
.website dd .morebg{ width: 96px; height: 37px; position: absolute; z-index: 1; border: 1px solid #bbbbbb; border-bottom: 1px solid #f5f5f6; background:url() #FFF no-repeat -82px -29px; right:20px;}
.website dd .morebg2{ width:96px; height:10px; position:absolute; top:30px; left:-21px; background-color:#fff; z-index:11; overflow:hidden;}
.website dd .morelist{ width: 184px; position: absolute; z-index: 8; border: 1px solid #bbbbbb; top: 32px; background: #fff; padding: 5px 2px; left:-22px;}
.website dd .morelist a{ width: 92px; height: 22px; display: block; float: left; text-align:center; margin: 3px 0; color: #333333; font: normal 12px/22px "\5b8b\4f53","Tahoma","Arial"; }
dl.website dd .morelist a:hover{ color: #535353; background: #e7e7e8; }
/*mainLeft*/
.main{ width:1000px; margin:7px auto 0;}
.left{ width:660px; float:left; margin-top:13px;}
.left h2{ width:658px; height:34px; float:left; background:#f6f6f6; border:1px solid #dbdee1; position:relative; z-index:1;}
.left h2 p{ width:338px; height:36px; position:absolute; left:0; top:-1px; z-index:2; font:bold 20px/32px "Microsoft Yahei","\5b8b\4f53";}
.left h2 a{ width:166px; height:34px; float:left; padding:0 1px; border:1px solid #dbdee1; border-left:0; text-align:center; color:#333; cursor:pointer; overflow:hidden;}
.left h2 a.active{ height:32px; border-top:3px solid #418a26; border-bottom:1px solid #fff; background:#fff; color:#418a26;}
.leftList{ width:660px; float:left; padding:8px 0 0; }
.leftList li{ width:660px; height:199px; float:left; border-bottom:1px dotted #dbdbdb;}
.leftList img{ width:115px; height:155px; float:left; border:5px solid #b9b7b7; margin:17px 14px 0 0;}
.leftList h3{ width:510px; height:22px; float:left; margin-top:24px; font:bold 16px/22px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.leftList h3 a{ color:#333;}
.leftList dl{ width:510px; height:110px; float:left; margin-top:6px; font:normal 14px/22px "Microsoft Yahei","\5b8b\4f53"; color:#666; overflow:hidden;}
.leftList dt{ width:70px; float:left; color:#333;}
.leftList dd{ width:440px; float:left;}
.leftList span{ width:90px; float:right; margin:10px 20px 0 0; display:none;}
.leftList span a{ width:90px; height:25px; float:left; display:block; margin-top:12px; background:url(../images/sample2014/sampleIcon.gif) no-repeat;}
.leftList span a:hover{ background:url(../images/sample2014/sampleIcon.gif) no-repeat 0 -25px;}
.leftList span a.download{ background:url(../images/sample2014/sampleIcon.gif) no-repeat 0 -50px;}
.leftList span a.download:hover{ background:url(../images/sample2014/sampleIcon.gif) no-repeat 0 -75px;}
.leftList .hover{ background:#418a26; border-bottom:1px solid #418a26;}
.leftList .hover h3,.leftList .hover dl{ width:400px;}
.leftList .hover dd{ width:330px;}
.leftList .hover h3 a,.leftList .hover dt{ color:#fff;}
.leftList .hover dd{ color:#c3e1ae;}
.leftList .hover span{ display:block;}
/*newspages*/
.newspages .prev,.newspages .prev:hover,.newspages .next,.newspages .next:hover{ background:#f2f2f2 url(../images/lists/pagearrow.gif) no-repeat;}
.newspages{ width:660px; margin:0 auto; padding:15px 0; line-height:30px; color:#666; text-align: center; float:left; font-family:"Tahoma","\5b8b\4f53";}
.newspages a{ width:30px; height:30px; border:1px solid #c9c9c9; background:#f2f2f2; color:#666; display:inline-block; font-size:14px; line-height:30px; margin:0 3px; text-align:center; vertical-align: middle;}
.newspages .on{ border:1px solid #418a26; background-color:#418a26; cursor:default; color:#fff;}
.newspages .ft,.newspages .lt{ display: none;}
.newspages .page_etc{ color:#999; margin:0 10px;}
.newspages .page_turn{ position:relative; margin-left:10px;}
.newspages .page_turn b{ padding:0 5px;}
.newspages .jump input{ width:45px; height:21px; display:inline-block; margin:0 4px; border:1px solid #e4e4e4; text-align:center; color:#666; line-height:21px;}
.newspages button{ height:22px; padding:0 10px; border:1px solid #c9c9c9; background:#fff; color:#666; cursor:pointer; margin-left:2px; _margin-left:4px; _padding:0 5px;}
.newspages .prev{ background-position:2px -19px;}
.newspages .prev:hover{ background-position:2px 4px;}
.newspages .next{ background-position:-24px -19px;}
.newspages .next:hover{ background-position:-24px 4px;}
.newspages a:hover{ color:#000;}
.newspages .on:hover{ color:#fff;}
/*rank*/
.right{ width:298px; float:right; background:#f7f7f7; border:1px solid #efefef;}
.rank{ width:298px; float:left;}
.rightTitle{ width:298px; height:36px; float:left; margin-top:9px; background:#418a26; position:relative; z-index:1;}
.rightTitle h3{ width:299px; height:44px; position:absolute; left:-10px; top:0; padding-left:10px; background:url(../images/sample2014/sample2014.png) no-repeat -121px -138px; font:normal 22px/34px "Microsoft Yahei","\5b8b\4f53"; text-indent:15px;}
.rightTitle h3 a{ color:#fff;}
.rank ul{ width:262px; float:left; padding:6px 0; margin-left:18px; display:inline;}
.rank li{ width:262px; height:30px; float:left;}
.rank li b{ width:23px; height:18px; float:left; margin-top:5px; background:#fff; border:1px solid #418A26; color:#418A26; font:normal 15px/18px "Microsoft Yahei","\5b8b\4f53"; text-align:center;}
.rank li p{ width:225px; height:30px; float:left; margin-left:12px; font:normal 14px/30px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.rank li p a{ color:#333;}
.rank li p a:hover{ color:#f60; text-decoration:underline;}
/*index*/
.index{ width:298px; float:left;}
.index form{ width:242px; height:30px; float:left; margin:18px 0 0 28px; display:inline; position:relative; z-index:1;}
.index input{ width:201px; height:28px; padding:0 4px 0 6px; position:absolute; left:0; top:0; border:1px solid #e5e5e5; border-right:0; font:normal 14px/28px "Microsoft Yahei","\5b8b\4f53"; color:#888;}
.index button{ width:30px; height:30px; position:absolute; left:212px; top:0; background:url(../images/sample2014/sample2014.png) no-repeat -102px -68px;cursor:pointer;}
.indexList{ width:298px; float:left; margin-top:16px; border-top:1px solid #efefef; padding-bottom:24px;}
.index ul{ width:261px; float:left; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; margin:16px 0 0 18px; display:inline;}
.index li{ width:260px; float:left; height:36px; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#fff; position:relative; z-index:1;}
.index li a{ width:222px; float:left; height:38px; padding:0 20px; font:normal 14px/38px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden; position:absolute; top:-1px; left:-1px; z-index:2; color:#555;}
.index li a:hover{ background:#418a26; color:#fff;}
/*recom*/
.recom{ width:1000px; margin:24px auto 0;}
.recom h3{ width:998px; height:34px; float:left; background:#f6f6f6; border:1px solid #dbdee1; position:relative; z-index:1;}
.recom h3 p{ position:absolute; top:-1px; left:-1px; z-index:2;}
.recom h3 p a{ width:130px; height:32px; float:left; border:1px solid #dbdee1; border-bottom:1px solid #fff; border-top:3px solid #418a26; font:bold 20px/32px "Microsoft Yahei","simhei"; text-align:center; color:#418a26; background:#fff;}
.recomList{ width:1000px; height:162px; float:left; margin-top:18px; overflow:hidden; position:relative; z-index:1;}
.recom .prev,.after{ width:20px; height:64px; position:absolute; top:50px; left:0; background:url(../images/sample2014/bookIcon.png) no-repeat; z-index:2;}
.recom .prev:hover{ background:url(../images/sample2014/bookIcon.png) no-repeat -40px 0;}
.recom .after{ left:980px; background:url(../images/sample2014/bookIcon.png) no-repeat -20px 0;}
.recom .after:hover{ background:url(../images/sample2014/bookIcon.png) no-repeat -60px 0;}
.recom ul{ width:1015px; height:162px; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.recom li{ width:118px; height:150px; float:left; margin-right:15px; padding:5px; border:1px solid #e3e3e3; position:relative; z-index:1;}
.recom li img{ width:118px; height:150px; position:absolute; top:5px; left:5px; z-index:1;}
.recom li .recomTitle{ width:130px; height:25px; display:block; position:absolute; top:136px; left:-1px; z-index:2; background:#333; font:normal 12px/25px "Microsoft Yahei","simhei"; color:#fff; text-align:center; overflow:hidden;}
.recom li .download{ width:56px; height:21px; background:url(../images/sample2014/sample2014.png) no-repeat -55px -138px; display:none; position:absolute; left:37px; top:67px; z-index:2;}
.recom .hover .recomTitle{ background:#5b7648;}
.recom .hover .download{ display:block;}
/*line*/
.line{ width:100%; float:left; margin-top:26px; border-top:3px solid #dbdbdb;}
.lineBox{ width:1000px; height:110px; margin:0 auto; position:relative; z-index:1;}
.adPosition2{ width:1000px; margin:0 auto; overflow:hidden; border-top:3px solid #717171; position:absolute; left:0; top:-3px; z-index:2;}
.adPosition2 ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition2 li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition2 img,.adPosition2 embed{ }
/*foot*/
/* 新的底部样式 */
#footer {
	width: 100%;
	/* min-width: 1200px; */
	margin: 15px auto 0;
	border-top: 1px solid #e8e8e8;
	background: #333333;
	padding: 12px 0;
    overflow: hidden;
}
#footer .w{
	 width: 1000px;
}
#footer a{
    text-decoration:none;
}
.foot {
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #999;
  margin: 0 auto;
}
.foot a {
	color: #999;
}
.foot a:hover {
	color: #00895c;
}
.footer-content {
	text-align: left;

	border-bottom: 1px solid #424241;
	padding-bottom: 22px;
	margin-bottom: 22px;
}
.guide{
	width: 314px;
	float: left;
}
.guide span{
	font-size: 18px;
	line-height: 30px;
	display: block;
	margin-bottom: 10px;
	color: #fff;
}
.guide p {
	float: left;
	margin-right: 10px;
}
.guide p a {
	display: block;
	font-size: 12px;
	line-height: 30px;
	color: #999;
}
.guide.last {
	width: auto;
	overflow: hidden;
	float: none;
}
.zyAPP {
	width: 82px;
	text-align: center;
	margin: 3px 4px;
	display: inline-block;
	vertical-align: top;
}
.zyAPP:first-of-type {
    margin-left: 0;
}
.zyAPP b{
	font-size: 14px;
	line-height: 30px;
	color: #999;
	font-weight: normal;
}
.WechatTop{
	font-size: 14px;
    line-height: 30px;
    color: #999;
}
.guide {
	width: 310px;
	position: relative;
}
.guide p {
	width: 142px;
}
.foot span {
	font-size: 16px;
	color: #fff;
	display: block;
	margin: 0 0 15px;
}
.foot i {
	font-style: normal;
	color: #00895c;
}
.foot ul {
	display: inline-block;
	margin-top: 10px;
}
.foot li {
	float: left;
  margin-right: 20px;
}
.foot li em{
  font-style: normal;

}
.foot li b{
  font-weight: normal;
 margin-bottom: 7px;
 display: block;
}
.foot li a {
	width: 24px;
	height: 24px;
	display: inline-block;
	border-radius: 50%;
	/* background: #cecece url(../../../images/index/QQ.png) no-repeat center; */
	margin-left: 8px;
	margin-right: 4px;
	vertical-align: top;
}
.bottom {
	padding-top: 20px;
	text-align: center;
	background-color: #333;
}
.bottom p a {
	margin-right: 12px;
}
.bottom span {
	margin-top: 15px;
	display: inline-block;
}
.bottom span img {
	margin-right: 5px;
}
.bottom span a {
	font-size: 12px;
	color: #999;
}
#footer img{
	max-width: 100%;
	max-height: 100%;
}


.lostpro{width:420px;float: left;background: url(../images/lostpro.jpg) no-repeat;margin: 85px 0 0;margin-left: 28px;padding-left: 135px;}
.lostpro span{font: 18px/44px "Microsoft Yahei";color: #333;}
.lostpro p{font: 12px/30px "\5b8b\4f53";color: #767676;}
.lostpro ul{font: 12px/30px "\5b8b\4f53";color: #767676;}
.lostpro ul li{background: url(../images/caigouSearch.png) no-repeat -143px -30px;padding-left: 12px;height:30px;}
/*goTop*/
.backHome{ width:54px;}
.backHome a{ width:38px; height:46px; display:block; float:left; background:#9dad91; text-align:center; font:normal 14px/20px "Microsoft Yahei","simhei"; color:#fff; padding:8px 8px 0 8px; margin:2px 0;}
.backHome a:hover{ background:#418a26;}
.backHome a.guest,.backHome a.guest:hover{ background:url(../images/sample2014/sample2014.png) no-repeat 0 -123px; opacity: 0.6; filter:alpha(opacity=60);}
.backHome a.guest:hover{ opacity: 1; filter:alpha(opacity=100);}
.toTop{ width:54px; height:54px; position:fixed; _position:absolute; top:376px; _top:expression(eval(document.documentElement.scrollTop+318)); display:none;}
.toTop a,.toTop a:hover{ display:block; width:54px; height:54px; background:url(../images/sample2014/sample2014.png) no-repeat 0 -68px; opacity: 0.6; filter:alpha(opacity=60);}
.toTop a:hover{ opacity:1; filter:alpha(opacity=100);}
#goTop { position:fixed; _position:absolute; top:258px; display:block; right:20px;}
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+20)); top:expression(eval(document.documentElement.scrollTop+200));}
.sampleList{ width:100%; display:none; overflow:hidden;}